<template>
<div class="mod-config">
<!-- 常用网站 -->
    <div id="common" class="common-a">


     <div v-for="(item , i) in dataList" :key="i" class="inquire">

     <div class="inquire-a">
         <div class="title-a">
             <div class="left-a"></div>
             <div class="title-b">{{item.title}}</div>
         </div>

         <div class="subject">
             
             <div v-for="(v , u) in item.children" :key="u" @click="clickUrl(v.path)" class="wangzhan">{{v.title}}</div>

         </div>


         </div>

     </div>


    </div>
    
    </div>
</template>

<script>
  import Vue from 'vue'
  export default {
    data () {
      return {

      dataList:[]
      
      }
    },
    components: {
    },
    mounted() {

    document.getElementById('common').style.height = window.innerHeight - 80 + 'px'

    },
    created(){

    this.getDataList()

    },
    computed: {

    },
    watch:{

    },
    methods: {
    getDataList(){
           this.$http({
              url: this.$http.adornUrl(`/toolbox/website/all`),
              method: 'post',
            }).then(({data}) => {
              if (data.code === 0) {
              this.dataList = data.data
              } else {
                this.$message.error(data.msg)
              }
            })
  },
    clickUrl(v){
        window.open(v)
    }

    }
  }
</script>
<style lang="scss" scoped>
.mod-config{
  overflow: hidden;
  padding: 15px !important;
  box-sizing: border-box;
  background-color: #F5F7FA !important;
}
.common-a{
    width: 100%;
    height: 0px;
    background-color: #ffffff;
    overflow-y: auto;
}
.inquire{
    width: 100%;
    padding: 25px 25px 0px 25px;
    box-sizing: border-box;
}
.inquire-a{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #E9E9E9;
}
.title-a{
    width: 100%;
    height: 22px;
}
.left-a{
    width: 5px;
    height: 18px;
    float: left;
    background-color: #6E92E9;
}
.title-b{
    float: left;
    margin-left: 8px;
    height: 20px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.subject{
    width: 100%;
    overflow: hidden;
    padding: 28px 40px 8px 40px;
}
.wangzhan{
    margin-right: 28px;
    margin-bottom: 21px;
    cursor: pointer;
    float: left;
}
</style>
